import {
  create,
  NButton,
  NSpace,
  NLayout,
  NLayoutHeader,
  NLayoutContent,
  NLayoutSider,
  NMenu,
  NDropdown,
  NDataTable,
  NForm,
  NInput,
  NFormItem,
  NCheckbox,
  NGrid,
  NGi,
  NSwitch,
  NSpin,
  NTable,
  NCard,
  NSkeleton,
  NModal,
  NTabs,
  NTabPane,
  NTab,
  NTimeline,
  NTimelineItem,
  NFormItemGridItem,
  NRadio,
  NRadioGroup,
  NUpload,
  NSelect,
  NProgress,
  NCheckboxGroup,
  NTooltip,
  NDatePicker,
  NBreadcrumb,
  NBreadcrumbItem,
  NImage,
  NCarousel,
  NSlider,
  NInputNumber,
  NColorPicker,
  NEmpty,
  NTimePicker,
  NDynamicInput,
  NTree,
  NTreeSelect,
  NPopconfirm,
  NCascader,
  NRow,
  NCol,
  NAlert,
  NPagination
} from "naive-ui";
export default function (app: any) {
  const naive = create({
    components: [
      NButton,
      NSpace,
      NLayout,
      NLayoutHeader,
      NLayoutContent,
      NLayoutSider,
      NMenu,
      NDropdown,
      NForm,
      NInput,
      NFormItem,
      NCheckbox,
      NGrid,
      NGi,
      NSwitch,
      NDataTable,
      NSpin,
      NTable,
      NCard,
      NSkeleton,
      NModal,
      NTabs,
      NTab,
      NTimeline,
      NTimelineItem,
      NFormItemGridItem,
      NRadio,
      NRadioGroup,
      NUpload,
      NSelect,
      NTabPane,
      NProgress,
      NCheckboxGroup,
      NTooltip,
      NDatePicker,
      NBreadcrumb,
      NBreadcrumbItem,
      NImage,
      NCarousel,
      NSlider,
      NInputNumber,
      NColorPicker,
      NEmpty,
      NTimePicker,
      NDynamicInput,
      NTree,
      NTreeSelect,
      NPopconfirm,
      NCascader,
      NRow,
      NCol,
      NAlert,
      NPagination
    ],
  });
  app.use(naive);
}
